// pages/control/control.js

const componentNameList=[{
  name:"产品数据",
  key:"u-production"
},{
  name:"溯源数据",
  key:"u-source"
},{
  name:"投保数据",
  key:"u-insurance"
},
]

Page({

  /**
   * 页面的初始数据
   */
  data: {
    //page状态
    showComponetNmae:componentNameList[0].key,
    componentNameList:componentNameList
  },
  //tabs
  onTabsClick(event) {
    this.setCompentTop(event.detail.value)
  },
  /**
   * 返回实例的高度
   * @private
   * @param {String} compentName 要获取的实例名
   */
  setCompentTop(compentName){
    const that=this
    const query=wx.createSelectorQuery().in(this)
    query.select('.'+compentName).boundingClientRect(function(res){
      that.gotoY(res.top)
    }).exec()
  },

  /**
   * 
   * @param {Int} top 
   */
  gotoY(top){
    wx.pageScrollTo({
      scrollTop: top,
    })
  },

  onToTop(e) {
    // console.log('backToTop', e);
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      const page = getCurrentPages().pop();
      this.getTabBar().setData({
        value: '/' + page.route
      })
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})